﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<!-- <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi"> -->
	<meta name="viewport" content="width=640,user-scalable=no" />
	<meta name="format-detection" content="telephone=no">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>list</title>
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<script src="../js/jquery.js"></script>
	<script src="../js/plug-in.js"></script>

	<script src="../js/common.js"></script>
</head>

<body>
	<div id="slideNav">
		<div class="con">
			<ul>
				<li>
					<a href="###">登录</a>
				</li>
				<li>
					<a href="###">首页</a>
				</li>
				<li>
					<a href="###">找房</a>
				</li>
			</ul>
		</div>
	</div>
	<!--/slideNav-->
	<div id="cityBox">
		<header class="ui-header ui-bg-f clearfix">
			<i class="icon ui-icon-return" id="goMain"></i>
			<h1>城市选择</h1>
		</header>
		<h2>当前定位城市</h2>
		<ul>
			<li class="current" id="cityCurrent">
				<a href="###">北京</a>
			</li>
		</ul>

		<h2>已开通城市</h2>
		<ul id="cityList">
			<li data-code="110000">
				<a href="###">北京</a>
			</li>
			<li data-code="310000">
				<a href="###">上海</a>
			</li>
			<li data-code="440300">
				<a href="###">深圳</a>
			</li>
			<li data-code="330100">
				<a href="###">杭州</a>
			</li>
			<li data-code="320100">
				<a href="###">南京</a>
			</li>
			<li data-code="510100">
				<a href="###">成都</a>
			</li>
			<li data-code="440100">
				<a href="###">武汉</a>
			</li>
			<li data-code="420100">
				<a href="###">广州</a>
			</li>
			<li data-code="120000">
				<a href="###">天津</a>
			</li>
		</ul>
	</div>
	<div id="searchBox">
		<div class="search">
			<form action="" method="post" id="submitKeyForm">
				<input type="search" name="search" id="search" value="" placeholder="输入您想住的区域或小区" />
				<span class="del"></span>
			</form>
			<a href="javascript:;" class="toCancel" id="toCancel">取消</a>
		</div>

		<dl class="hotSearch" id="hotSearch">
			<dt>热搜</dt>
			<dd class="clearfix ">
				<a href="###">上梅林 </a>
				<a href="###">桃园 </a>
				<a href="###">高新园 </a>
				<a href="###">车公庙 </a>
				<a href="###">宝安中心 </a>
				<a href="###">新洲 </a>
				<a href="###">西丽 </a>
				<a href="###">西乡 </a>
			</dd>
		</dl>


	</div>
	<!--/searchBox-->
	<div id="main">
		<header class="ui-header ui-bg-f clearfix">
			<div class="city" id="cityBtn">
				<span id="cityShow">北京</span>
				<b class="icon"></b>
			</div>
			<div class="search" id="toShowSearch">输入您想住的区域或小区 </div>
			<div class="user">
				<a href="javascript:;" id="toMenu" class="icon icon_user"></a>
			</div>
		</header>

		<section class="ui-container">

			<div id="listFilterBox">
				<ul class="clearfix ui-bg-f">
					<li>
						<span id="placeTxt" class="ellipsis">位置</span>
						<b class="icon"></b>
					</li>
					<li>
						<span id="rentTxt" class="ellipsis">租金</span>
						<b class="icon"></b>
					</li>
					<li>
						<span id="sortTxt" class="ellipsis">排序</span>
						<b class="icon"></b>
					</li>
					<li>
						<span id="moreTxt" class="ellipsis">更多</span>
						<b class="icon"></b>
						<b class="num" id="spanNum">3</b>
					</li>
				</ul>
			</div>

			<div id="listFilterCon">
				<div id="placeCon" class="con">
					<div class="place_1 place_con">
						<ul>
							<li id="subway" class="active">地铁</li>
							<li id="district">区域</li>
						</ul>

					</div>
					<div id="subway_list" class="place_2 place_con">
						<ul>
							<li datastr="0" class="active">不限</li>
							<li datastr="100034">1号线(罗宝线)</li>
							<li datastr="100033">2号线(蛇口线)</li>
							<li datastr="100036">3号线(龙岗线)</li>
							<li datastr="100035">4号线(龙华线)</li>
							<li datastr="100037">5号线(环中线)</li>
							<li datastr="101039">7号线</li>
							<li datastr="101038">9号线</li>
							<li datastr="101037">11号线</li>
						</ul>
					</div>
					<div id="district_list" class="place_2 place_con" style="display:none">
						<ul>
							<li datastr="0" class="active">不限</li>
							<li datastr="23008679">南山区</li>
							<li datastr="23008672">宝安区</li>
							<li datastr="23008674">福田区</li>
							<li datastr="23008678">罗湖区</li>
							<li datastr="23008677">龙华区</li>
							<li datastr="23008676">龙岗区</li>
						</ul>
					</div>

					<div id="place_3" class="place_3 place_con" style="display:none">
						<ul>

						</ul>
					</div>
				</div>
				<!--/plactCon-->
				<div id="rentCon" class="con">
					<ul>
						<li>不限</li>
						<li>1500元以下</li>
						<li>1500-2000元</li>
						<li>2000-3000元</li>
						<li>3000-5000元</li>
						<li>5000-6500元</li>
						<li>6500-8000元</li>
						<li>8000元以上</li>
					</ul>
				</div>
				<!--/rentCon-->
				<div id="sortCon" class="con">
					<ul>
						<li>默认排序</li>
						<li>价格从低到高</li>
						<li>价格从高到低</li>
					</ul>
				</div>
				<!--/sortCon-->
				<div id="moreCon" class="con">
					<ul>
						<li>
							<h3>租住方式</h3>
							<p class="btnsSpan  btnsSpanFirst" id="wholeList">
								<span data-val="1">自如整租</span>
								<span data-val="0">自如合租</span>
							</p>

						</li>
						<li>
							<h3>居室</h3>
							<p class="btnsSpan" id="roomList">
								<span data-val="1">1居</span>
								<span data-val="2">2居</span>
								<span data-val="3">3居</span>
								<span data-val="4">4居+</span>
							</p>

						</li>
						<li>
							<h3>房屋特色</h3>
							<p class="btnsSpan" id="tsList">
								<span data-val="0">月租</span>
								<span data-val="0">独阳</span>
								<span data-val="0">首次出租</span>
								<span data-val="0">独卫</span>
							</p>

						</li>
						<li class="btns">
							<input type="button" name="search_confirm" id="search_confirm" value="确定" class="ui-btn-org" />&nbsp;&nbsp;
							<input type="button" name="search_reset" id="search_reset" value="重置" class="ui-btn-gray" />
						</li>
					</ul>
				</div>
				<!--/moreCon-->
			</div>
			<!--/listFilterCon-->
			<ul class="houseList" id="houseList" style="margin-bottom: 24px;">

			</ul>
			<a href="javascript:;" id="toShowMore">点击加载</a>

			<div id="noneList">
				<p>我们找不到任何与您的搜索条件匹配的结果，但是调整您的搜索条件可能会有所帮助</p>
				<dl>
					<dt>以下是一些建议：</dt>
					<dd>● 删除一些筛选条件</dd>
					<dd>● 调整您输入的关键词</dd>
					<dd>● 请扩大您的搜索范围</dd>

				</dl>
				<input type="button" value="清空筛选条件试试看" id="clearKey">

			</div>
		</section>
		<footer class="ui-footer ui-footer-btn">
			<div class="links">
				<a href="###">首页</a>
				<a href="###">找房</a>
			</div>
			<p class="cotyright">Copyright©2017</p>
		</footer>
	</div>
</body>
</html>